<template>
  <view class="content">
    <view class="g-header">
    </view>
    <view class="innerPre">
    </view>
    <view class="inner">
      <view class="emTitle">
        电子邮箱
      </view>
      <view class="emInput">
        <input type="text" v-model="email" placeholder="请输入您的电子邮箱" style="width: 100%"/>
      </view>

    </view>
    <view class="innerNext">
    </view>

    <view class="pageBtnBottomWrap">
      <view class="pageBtnBottom" @click="confirm">发送</view>
    </view>
  </view>
</template>

<script>
import * as util from '@/common/util'
import _ from 'lodash'

export default {
  components: {},
  data(){
    return {
      title: 'Hello',
      email: '',
      list: [],
    }
  },
  onLoad(){
    this.id = this.$Route.query.id
    console.log(`this.id`, this.id)
  },
  onShow(){},
  mounted(){},
  onReady(){},
  methods: {
    confirm(){

    },
  },
}
</script>
<style lang="scss">
//@import "./000.scss";

page {
  background-color: #F7F9FB;
}

.innerPre {

}

.inner {
  padding: 24px;
  .emTitle {
    font-size: 32px;
    font-weight: bolder;
    color: #000000;
    line-height: 48px;
    padding: 20px 0;
  }
  .emInput {
    height: 92px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;

    display: flex;
    align-items: center;

    padding: 0 20px;
  }
}

.innerNext {

}

</style>
